<template>
<div>
        <router-view></router-view>
        <div class="bottom">
            <router-link to="/home">消息</router-link>
            <router-link to="/shop">盒子</router-link>
            <router-link to="/antd">空间</router-link>
        </div>
</div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .bottom{
        width: 100%;
        height: 40px;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
    }
    .bottom a{
        flex: 3.33;
        text-align: center;
        line-height: 40px;
        text-decoration: none;
        color: black;
    }
</style>
